<?xml version='1.0' encoding='ISO-8859-1' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
    </h:head>
    <h:body>
        <ui:composition template="/WEB-INF/facelets/templates/template_pagina.xhtml">
            <ui:define name="center">
                <p:tabView id="TipoTabView" dynamic="true" activeIndex="#{bTipoProducto.activeTabIndex}" orientation="top"
                           style="font-family: Arial, Helvetica, sans-serif;font-size: 14px; font-weight: bold">
                    <!-- tab para registrar un tipo de producto -->
                    <p:tab id="tabRegistraTipoProducto" title="#{msg.registroTipoProducto}">
                        <h:form id="formRegistroTipoProducto" styleClass="textoTab">
                            <p:growl globalOnly="true"  id="estadoRegistroTipoProducto" sticky="false"  showDetail="true"  />
                            <p:panel id="datosRegistro" header="#{msg.ingresarDatos}" >
                                
                                <h:panelGrid columns="2"  cellpadding="2"  cellspacing="6" columnClasses="labelOT, valueOT"  >
                                    
                                    <h:outputText  value="#{msg.nombreTipo} (*)"  style="width:350px;font-weight:bold;"/>
                                    <h:panelGroup>
                                        <p:inputText id="nombreCategoria" value="#{bTipoProducto.objTipoRegistra.nombreTipo}" 
                                                     size="35" maxlength="30"  required="true" requiredMessage="#{msg.datoRequerido}" 
                                                     validatorMessage="#{msg.datoValidacion}" title="Max 30 caracteres">
                                           <f:validateLength minimum="2" maximum="30" />
                                       </p:inputText>
                                       <h:message for="nombreCategoria" showDetail="false" showSummary="true" styleClass="errors"/>                                
                                    </h:panelGroup>
                                    
                                    <h:outputText  value="#{msg.categoria} (*)"  style="width:350px;font-weight:bold;"/>
                                    <h:panelGroup>
                                        <p:selectOneMenu id="categoriaTipoProducto" rendered="true" requiredMessage="#{msg.datoRequerido}" 
                                                         effect="fade" value="#{bTipoProducto.objTipoRegistra.objCategoria.codigoCategoria}" required="true">
                                            <f:selectItem itemLabel="#{msg.elegir}" itemValue=""/>
                                            <f:selectItems value="#{categoria.cargarComboCategoria}"/>
                                        </p:selectOneMenu>
                                        <h:message for="categoriaTipoProducto" showDetail="false" showSummary="true" styleClass="errors"/>
                                    </h:panelGroup>
                                    
                                    <p align="center">                                   
                                        <h:panelGrid columns="2" cellpadding="10"  cellspacing="10" style="text-align: center;" width="90%">                                                                    
                                            <h:panelGroup>
                                                <h:panelGrid columns="1" cellpadding="2"  cellspacing="2" style="text-align: center;" width="160%">
                                                    <p:commandButton icon="ui-icon-arrowrefresh-1-w" actionListener="#{bTipoProducto.doIniciarRegistroTipoProducto()}" 
                                                                     value="#{msg.limpiar}" async="true" update="formRegistroTipoProducto"  />
                                                </h:panelGrid>
                                            </h:panelGroup>
                                            <h:panelGroup>
                                                <h:panelGrid columns="1" cellpadding="2"  cellspacing="2" style="text-align: center;" width="60%">
                                                    <p:commandButton icon="ui-icon-disk" actionListener="#{bTipoProducto.doRegistrarTipoProducto()}"  
                                                                     value="#{msg.guardar}" async="true" update="formRegistroTipoProducto, estadoRegistroTipoProducto" global="false"/>                                            
                                                </h:panelGrid>
                                            </h:panelGroup>  
                                        </h:panelGrid>
                                    </p>
                                    
                                </h:panelGrid>
                                
                            </p:panel>
                        </h:form>
                    </p:tab>
                    
                    <!-- tab para listar los tipos de producto existentes -->
                    <p:tab id="tabListaTipoProducto" title="#{msg.listar}">
                        <h:form id="formListarTipoProducto" styleClass="textoTab">
                            <p:panel id="datosTipoProducto" header="#{msg.opcionListado}" styleClass="titulo"  >
                                <h:panelGrid columns="4" cellpadding="2"  cellspacing="2" style="text-align: center;" width="100%" styleClass="textoPagina">
                                    <p:commandButton id="btnNuevo" icon="ui-icon-document" actionListener="#{bTipoProducto.doIniciarListadoTipoProducto()}"  
                                                     value="#{msg.nuevo}" async="true" update="formListarTipoProducto:datosTipoProducto"/> 
                                    <p:commandButton id="btnBuscar" icon="ui-icon-search" actionListener="#{bTipoProducto.doListarTipoProducto()}"  
                                                     value="#{msg.ver}" async="true" update="formListarTipoProducto:datosTipoProducto"/>            
                                    <p:commandButton id="btnExportar" icon="ui-icon-arrowstop-1-s" actionListener="#"  
                                                     value="#{msg.exportar}" async="true" update="formListarTipoProducto:datosTipoProducto" />
                                </h:panelGrid>
                                
                                <p:blockUI block="datosTipoProducto" trigger="btnBuscar">                                               
                                        Generando Listado... <br />
                                <p:graphicImage value="#" />   
                                </p:blockUI>
                                <p:blockUI block="datosTipoProducto" trigger="btnExportar">                                               
                                         Generando Tabulacion... <br />
                                <p:graphicImage value="#" />  
                                </p:blockUI>
                                
                                <h:panelGrid columns="1" rendered="#{bTipoProducto.sizeRegistrosTipoProducto ne '0'}" styleClass="textoPagina"> 
                                    <h:panelGroup>
                                        <p align="center">                                            
                                            <h:outputText styleClass="resultadoBusqueda" value="#{msg.resultados}"/>
                                            <h:outputText styleClass="resultadoBusqueda" value="#{bTipoProducto.sizeRegistrosTipoProducto}"/> 
                                        </p>
                                    </h:panelGroup>
                                </h:panelGrid><br/>
                                
                                <h:panelGrid columns="1"  cellpadding="0"  cellspacing="0" border="0"   >
                                    <p:dataTable id="listadoTipoProducto" value="#{bTipoProducto.arrTipo}" var="listadoTipoProducto"   
                                                rendered="#{bTipoProducto.sizeRegistrosTipoProducto ne '0'}" 
                                                style="font-family: Arial, Helvetica, sans-serif;font-size: 12px;" paginator="true" rows="10" 
                                                rowsPerPageTemplate="5,10,15,20" paginatorPosition="both" paginatorAlwaysVisible="true">
                                        <p:column headerText="#{msg.codigo}">
                                            <h:outputText value="#{listadoTipoProducto.codigoTipo}"/>
                                        </p:column>
                                        <p:column headerText="#{msg.nombreTipo}">
                                            <h:outputText value="#{listadoTipoProducto.nombreTipo}"/>
                                        </p:column>
                                        <p:column headerText="#{msg.estado}">
                                            <h:outputText value="#{listadoTipoProducto.estadoTipo}"/>
                                        </p:column>
                                        <p:column headerText="#{msg.categoria}">
                                            <h:outputText value="#{listadoTipoProducto.objCategoria.nombreCategoria}"/>
                                        </p:column>
                                    </p:dataTable>
                                </h:panelGrid>
                                
                            </p:panel>
                        </h:form>
                    </p:tab>
                </p:tabView>
            </ui:define>
        </ui:composition>
    </h:body>
</html>

